---
import BannerItemBox from "./BannerItemBox.astro";
---
<th:block th:each="article,iterStat : ${@articleCountSortTag.listWebArticleOrder(1, 10,themeName,'TOP', 'DESC')}" 
th:with="imgs=${@commonTag.split(article.articleImg==null?'':article.articleImg)},rando=${#numbers.formatDecimal(T(java.lang.Math).floor(T(java.lang.Math).random()*10),1,0)},iul=@{/nice/static/images/thumbs/}">
<BannerItemBox bannerName="${article.articleTitle}" aHref="${webConfig['oly.web.domain']+'/article/'+article.articleId}" 
 imgSrc="${(imgs==null)?iul+rando+'.jpg':(imgPrefix+imgs[0])}">
    <div class="flex justify-center pt-12">
        <h2 class="text-center text-white font-bold text-xl px-4 line-clamp-2">
          <span th:text="${article.articleTitle}"></span>
        </h2>
    </div>
</BannerItemBox>
</th:block>
